﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>LinkedIn</title>
</head>
<body>
    <header>
        <h1><a href="#">LinkedIn</a></h1>
        <nav>
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">What is LinkedIn?</a></li>
                <li><a href="#">Join Today</a></li>
                <li>
                    <fieldset>
                        <legend>Sign in</legend>
                        <ul>
                            <li>
                                <label for="email">Email: </label><input type="text" id="email" />
                            </li>
                            <li>
                                <label for="pass">Password: </label><input type="text" id="pass" />
                            </li>
                            <li>
                                <input type="submit" id="sbmt_btn" value="Sign In"/>
                            </li>
                        </ul>
                    </fieldset>
                </li>
            </ul>
        </nav>
    </header>
    <hr />
    <article>
        <section>
            <h2>Over 175 million professionals use LinkedIn to exchange information, ideas and opportunities</h2>
            <ul>
                <li>Stay informed about your contacts and industry</li>
                <li>Find the people & knowledge you need to achieve your goals</li>
                <li>Control your professional identity online</li>
            </ul>
        </section>

        <section>
            <h3>Join LinkedIn Today</h3>
            <fieldset>
                <legend>Sign Up</legend>
                <form action="" method="post">
                    <ul>
                        <li>
                            First name:<br />
                            <input type="text" />
                        </li>
                        <li>
                            Last name:<br />
                            <input type="text" />
                        </li>
                        <li>
                            Email:<br />
                            <input type="email" />
                        </li>
                        <li>
                            Password:<br />
                            <input type="password" /><br />
                            <p>6 or more characters</p>
                        </li>
                    </ul>
                    <input type="submit" value="Join Now">&nbsp;<a href="#">*</a>
                </form>
                <p>Already on LinkedIn? <a href="#">Sign In</a></p>
            </fieldset>
        </section>

        <section>
            <h4>Search for someone by name:</h4>
            <form action="" method="post">
                <ul>
                    <li><label for="fname">First Name </label><input type="text" id="fname" placeholder="First Name" /></li>
                    <li><label for="lname">Last Name </label><input type="text" id="lname" placeholder="Last Name" /></li>
                </ul>
                <input type="submit" value="Go" />
            </form>
        </section>
    </article>
</body>
</html>
